:root {
  // transition的动画效果
  --transition-bounce: cubic-bezier(0.43, 2.06, 0.75, 0.54);
  --transition-ease: cubic-bezier(0.55, -0.01, 0.43, 1);
  --transition-linear: cubic-bezier(0.73, 0.74, 0.49, 0.5);

  // transition的动画执行时间
  --transition-time: 0.5s;

  // 所有的基准尺寸
  --size: 12px;

  --primary-color: #3e63dd;
  --minor-color: #3d5cd6;
  --vital-color: #2d4059;
  --slight-color: #ffd460;
}

:root {
  --nature-color-1: #212121;
  --nature-color-2: #323232;
  --nature-color-3: #52616b;

  --nature-bg-1: #fff;
  --nature-bg-2: #d0d0d0;
  --nature-bg-3: #c9bfbf;
}

[theme="dark"] {
  --primary-color: #e84545;
  --minor-color: #f07b3f;
  --vital-color: #2d4059;
  --slight-color: #ffd460;

  --nature-color-1: #f0f5f9;
  --nature-color-2: #c0c0c0;
  --nature-color-3: #969494;

  --nature-bg-1: #000;
  --nature-bg-2: #2a2929;
  --nature-bg-3: #363434;
}
